

#box2_right{
    /* position:fixed; */
    position: absolute;
    left:70%;
    top: 80%;
    width: 16%;
    height: 1380px;
    padding: 32px 33px 0 15px;
    border: solid 2px purple;
    /* margin: 0 auto; */
    margin-right: 7%;
    background: -webkit-gradient(linear, 20% 20%, 20% 100%, from(#4e77ac), to(#aad16c));
    border-radius: 20px;
    margin-right: 100px;
    margin-left: 15px;
    
}


#left_box{
    float: left;
    margin-left: 15%;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b083b6), to(#4fc2d1));
    width: 5%;
    margin-left: 14%;


}


/* 中间盒子 */
#master_box{
    width: 50%;
    height: 100%;
    background: -webkit-gradient(linear, 20% 20%, 20% 100%, from(#e4b4e6), to(#abe055));
    float: left;
    margin-left: 10px;
    overflow: hidden;
    padding-bottom: 10px;
    
}


/* 顶部热搜样式 */
#head_sidebar {
    width: 100%;
    height: 40px;
    background-color:yellow;
    color: rgb(63, 56, 48);
    text-align: left;
    /* float: left;
    overflow: hidden; */
    margin-bottom: 10px;
    padding: 20px 0 0 10px;
}

/* 顶部 内部样式 */
.title_sidebar {
    background-color:yellow;
    color: black;
    font-size: 20px;
    font-weight: 700;
    margin-left: 20px;
    transition: all 1.2s ease;
}

.title_sidebar:hover{
    border-radius: 10px;
    background-color: red;
    transform: scale(1.2);
}


/* 侧边栏 */
.comm_tag{
    margin-top: 50%;
    margin-bottom: 20%;
    height: 80%;
    color: black;
    font-size: 30px;
    margin-left: 10%;


}


/* 中间样式 */
#master_page ul{
    width: 97%;
    height: 100px;
    /* background-color: rgb(219, 226, 211); */
    overflow: hidden;
    margin-left: 10px;
}

/* 每个文章栏 */
.every_box{
    margin-top: 10px;
}

/* 中间盒子中左侧用户信息 */
.user_info_box{
    float: left;
    width: 25%;
    height: 100px;
    background: -webkit-gradient(linear, 20% 20%, 20% 100%, from(#b1c7e4), to(#aad16c));
    border-radius: 10px;

}

.articles_info{
    width: 90%;
    height: 80%;
    /* background-color: teal; */
    margin: 5px 0 0 5px;
}

.user_img{
    width: 60px;
    height: 60px;
    border-radius: 30px;
}

/* 文章盒子 */
.content{
    float: right;
    width: 74%;
    height: 100px;
    background: -webkit-gradient(linear, 20% 20%, 20% 100%, from(#b1c7e4), to(#aad16c));
    overflow: hidden;
    margin-bottom: 20px;
    border-radius: 10px;


}

/* 文章信息 */
.content_info{
    width: 95%;
    height: 44px;
    padding-left: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

/* 文章标题 */
.content_title{
    width: 95%;
    height: 20px;
    text-align: center;
    font-size: 20px;
    margin-left: 10px;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}



/* 创建文章栏开始 */
#create_content_page{
    float: left;
    background: -webkit-gradient(linear, 20% 20%, 20% 100%, from(#3882e2), to(#aad16c));
    width: 19%;
    height: 460px;
    margin-left: 10px;
    border-radius: 10px;
    border: solid 2px purple;

}

#create_content_top{
    overflow: hidden;
    text-align: center;
}

.text{
    font-size: 25px;
    margin-bottom: 10px;
    font-family: "楷体","楷体_GB2312"; 
    margin: 10px 0 0 10px;
}

.tip{
    font-size: 15px;
    color: rgb(217, 243, 222);
    font-family: "楷体","楷体_GB2312"; 
    margin: 20px 0 0 10px;
}

.option_text{
    font-size: 15px;
    color: rgb(14, 219, 55);
    font-family: "楷体","楷体_GB2312";
}

#content_tag{
    border-radius: 5px;
    width: 100px;
    border: solid 2px rgb(211, 41, 41);
    font-size: 15px;
    margin: 10px 0 0 25px;
}

#lines{
    width: 240px;
    margin: 10px 0 0 20px;
    color: seashell;
    margin-bottom: 20px;
}

/* 文本框开始 */

#text_sidedar span{
    font-size: 15px;
    color: rgb(217, 243, 222);
    font-family: "楷体","楷体_GB2312"; 
    margin: 20px 0 0 10px;
}

#content_text{
    font-size: 15px;
    font-family: "楷体","楷体_GB2312"; 
    margin: 20px 0 0 15px;
    background: -webkit-gradient(linear, 20% 20%, 20% 100%, from(#a4e033), to(hsl(190, 84%, 84%)));
}

#content_sub{
    margin: 5px 0 0 90px;
    width: 100px;
    color: white;
    font-weight: 800;
    height: 40px;
    font-size: 15px;
    font-family: "楷体","楷体_GB2312"; 
    background: -webkit-gradient(linear, 20% 20%, 20% 100%, from(#1c51c4), to(hsl(190, 14%, 84%)));
    border-radius: 10px;
}
